/**
 * @ChenJunYong<tenjessy@gmail.com>
 * @产品页面的相关脚本
 * @必须依赖jquery-1.3.2.min.js、jquery.soChange-min.js这两个框架
 */
/**
 * 商品图片切换
 */
$(function(){
	$('#J-summary-pro-img .show-area li').soChange({
		thumbObj:'#J-summary-pro-img .control li',//导航对象指向标题li
		slideTime:0,
		thumbNowClass:'cur',
		autoChange:false
	});
	
	
	/**
	 * 相关产品switch
	 */
	var page = 1;
    var i = 6; //每版放6个图片
	$("span.next").click(function(){
		var $parent = $(this).parents("#J-switch");//根据当前点击元素获取到父元素
		var $v_show = $parent.find(".switch-list ul"); //寻找到“视频内容展示区域”
		var $v_content = $parent.find(".switch-list"); //寻找到“视频内容展示区域”外围的DIV元素
		//alert($v_content.html());
		var v_width = $v_content.width();
		//alert(v_width);
		var len = $v_show.find("li").length;
		var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
		if( !$v_show.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
			if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				//$v_show.animate({ left : '0px'}, 1000); //通过改变left值，跳转到第一个版面
				//page = 1;
				//如果是最后一个面版，则不任何操作
				return false;
			}else{
				$v_show.animate({ left : '-='+v_width }, 1000);  //通过改变left值，达到每次换一个版面
				page++;
			 }
		 }
	});
	$("span.prev").click(function(){
		var $parent = $(this).parents("#J-switch");//根据当前点击元素获取到父元素
		var $v_show = $parent.find(".switch-list ul"); //寻找到“视频内容展示区域”
		var $v_content = $parent.find(".switch-list"); //寻找到“视频内容展示区域”外围的DIV元素
		var v_width = $v_content.width();
		var len = $v_show.find("li").length;
		var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
		if( !$v_show.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
			if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				//$v_show.animate({ left : '-='+v_width*(page_count-1) }, 1000);
				//page = page_count;
				//如果是第一个面版，则不作任何操作
				return false;
			}else{
				$v_show.animate({ left : '+='+v_width }, 1000);
				page--;
			}
		}
	});
	/**
	 * 为左边栏动态增加class
	 */
	
	
});